<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <sty>
        <link rel="stylesheet" href="./css/public.css">
        <link rel="stylesheet" href="./css/private.css">
    </sty>
</head>
<body>

    <div id="box">

        <div class="head_left">
            <a href="#"> 新闻</a>
            <a href="#"> hao123</a>
            <a href="#"> 地图</a>
            <a href="#"> 贴吧</a>
            <a href="#"> 视频</a>
            <a href="#"> 图片</a>
            <a href="#"> 网盘</a>
            <a class="more"href="#"> 更多</a>

            <div class="content">
                <ul>
                    <li>
                            <a href="#">
                                <i class="icon picture"></i>
                                <span>翻译</span>
                            </a>
                        <a href="#">
                            <i class="icon picture"></i>
                            <span>翻译</span>
                        </a>
                        <a href="#">
                            <i class="icon picture"></i>
                            <span>翻译</span>
                        </a>
                        <a href="#">
                            <i class="icon picture"></i>
                            <span>翻译</span>
                        </a>
                        <a href="#">
                            <i class="icon picture"></i>
                            <span>翻译</span>
                        </a>
                        <a href="#">
                            <i class="icon picture"></i>
                            <span>翻译</span>
                        </a>
                        <a href="#">
                            <i class="icon picture"></i>
                            <span>翻译</span>
                        </a>
                        <a href="#">
                            <i class="icon picture"></i>
                            <span>翻译</span>
                        </a>
                        <a href="#">
                            <i class="icon picture"></i>
                            <span>翻译</span>
                        </a>

                    </li>
                </ul>
            </div>
        </div>

        <div class="head_right">
            <a href="#">设置</a>
            <a class="back" href="#">登陆</a>


            <div class="menu">
                <ul>
                    <li><a href="#">搜索设置</a></li>
                    <li><a href="#">高级搜索</a></li>
                    <li><a href="#">关闭预测</a></li>
                    <li><a href="#">隐私设置</a></li>
                    <li><a href="#">关闭热搜</a></li>
                </ul>
            </div>

        </div>

        <!--picture-->
        <a href="#"> <img class="body_picture" src="./img/pc_9c5c85e6b953f1d172e1ed6821618b91.png"> </a>

        <div class="search">
            <input type="text">
            <p> <a href="#">百度一下</a></p>
        </div>

        <div class="hot_search">
            <p>
                <a href="#">百度搜索 ></a>
                <a class="hot_search_right">换一换</a>
                <a class="hot_search_right1" href="#"> <img src="img/shuaxin.png"></a>
            </p>

            <ol>
                <li>
                    <a href="#"> 十三届全国人大第五次开幕会</a>
                    <img src="img/remen.png">
                </li>

                <li class="Li_right">
                    <a href="#"> 十三届全国人大第五次开幕会</a>
                    <img src="img/remen.png">
                </li>
                <li>
                    <a href="#"> 十三届全国人大第五次开幕会</a>
                    <img src="img/remen.png">
                </li>

                <li class="Li_right">
                    <a href="#"> 十三届全国人大第五次开幕会</a>
                    <img src="img/remen.png">
                </li>
                <li>
                    <a href="#"> 十三届全国人大第五次开幕会</a>
                    <img src="img/remen.png">
                </li>

                <li class="Li_right">
                    <a href="#"> 十三届全国人大第五次开幕会</a>
                    <img src="img/remen.png">
                </li>
                <li>
                    <a href="#"> 十三届全国人大第五次开幕会</a>
                    <img src="img/remen.png">
                </li>

                <li class="Li_right">
                    <a href="#"> 十三届全国人大第五次开幕会</a>
                    <img src="img/remen.png">
                </li>
            </ol>

        </div>


        <div class="left_bar">

            <p>
               <a  href="#"><img class="left_img1" src="img/a-nav_AImanagement.png"></a>
               <a  href="#"><img class="left_img2" src="img/erweima.png"></a>
            </p>
            <span>辅助模式</span>

        </div>


        <div class="bottom">
            <a href="#"> 关于百度</a>
            <a href="#">About Baidu</a>
            <a href="#">使用百度前必读</a>
            <a href="#">帮助中心</a>
            <a href="#">京公网11000002000001号</a>
            <a href="#">京ICP证030173号</a>
            <span>©2022 Baidu</span>
            <span>互联网药品信息服务资格证书 (京)-经营性-2017-0020</span>
            <a href="#">信息网络传播视听节目许可证 0110516</a>
        </div>

    </div>

</body>
</html>